<template>
  <h5>父组件</h5>
  <div class="box">
  <!-- 引用全局子组件 -->
     <global-com></global-com>
     <!-- <GlobalCom /> -->
  <!-- 引用局部组件 -->
     <local-com></local-com>
     <!-- <local-com></local-com> -->
  </div>
</template>

<script setup>
import LocalCom from './LocalCom.vue';
</script>


<style scoped>
.box{
    display: flex;
}
h5{
   background-color: aqua;
   border: 3px dotted purple;
}

:deep(.title){
   border: 3px dotted greenyellow;
}
</style>